/**
 * 页面遮罩层，非ajax的请求遮罩层，为了提高效率，使用JavaScript原生方法
 * 解决 easyui 在页面中初始化加载时，布局会混乱的问题
 */

var width=window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; // 浏览器宽度
var height=window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; // 浏览器高度

var gif="/static/ui/image/loading.gif"; // 加载的图标
var message="正在加载中，请稍候......"; // 加载的文字
var messageWidth=160; // 文字div的长度

/* 遮罩层div */
var maskHtml = "<div id='mask' style='position:absolute;left:0;width:100%;height:"+height+"px;top:0;background:#E0ECFF;opacity:1;filter:alpha(opacity=100);z-index:10000;'>";
//maskHtml += "<img src='"+gif+"' />";
maskHtml += "<div style='position:absolute;cursor:wait;left:" + ((width-messageWidth)/ 2) + "px;top:30%;width:"+messageWidth+"px;height:15px;line-height:15px;padding:10px 5px 10px 30px;";
maskHtml += "background:#fff url("+gif+") no-repeat scroll 5px 10px;border:2px solid #ccc;color:#000;'>";
//maskHtml += "background:#fff;border:2px solid #ccc;color:#000;'>";
maskHtml += message;
maskHtml += "</div>";
maskHtml += "</div>";

/* 显示遮罩层 */
document.write(maskHtml);

/* 当页面加载完成时，删除遮罩层 */
var pc;
window.onload=function(){
    if(pc){
        clearTimeout(pc);
    }
    pc=setTimeout(function(){
        var mask=document.getElementById("mask");
        mask.parentNode.removeChild(mask);
    },0);
}
/*document.onreadystatechange=function(){
    if (document.readyState == "complete") {
        if(pc){
            clearTimeout(pc);
        }
        pc=setTimeout(function(){
            var mask=document.getElementById("mask");
            mask.parentNode.removeChild(mask);
        },0);
    }
}*/

